﻿@charset "utf-8";
/*轮播图*/
.div1{
    width:230px;
    height:230px;
    text-align: center;
}
.span1{
    height: 100%;
    display:inline-block;
    vertical-align:middle;
}
.img1{
    max-width:230px;
    max-height:230px;
    vertical-align: middle;
}

/*------商品楼层------*/
.floor{ clear:both; position:relative; margin-top:-40px;}
.floor-title{ position:relative; height:32px; line-height:32px; margin-bottom:5px;}
.floor-title h2{ float:left; height:32px; font: bold 18px "Microsoft YaHei";}
.floor-title h2 a{ color:#646464;}
.floor-title i{ display:inline-block; width:31px; height:18px; margin-right:10px; padding: 10px 7px 4px 7px; color:#fff; font: bold 14px "Microsoft YaHei"; vertical-align:text-bottom; }

.floor-side{ float:left; width:275px; height:462px;}
.floor-main{ position:relative; float:left; background:#fff;}
.floor-main a{  display: block; -webkit-transition: -webkit-transform .2s linear; -moz-transition: -moz-transform .2s linear; -o-transition: -o-transform .2s linear; transition: transform .2s linear }
.floor-main a:hover { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px) }

.floor-layout2 .floor-main{ width:924px; height:462px; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5}
.floor-layout2 li{ float:left; overflow:hidden; width:230px; height:230px; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;}
